<template>
<div>
  <Layout :style="{minHeight: '100vh'}">
    <Sider ref="side1" hide-trigger collapsible :collapsed-width="78" v-model="isCollapsed">
    <Menu  theme="dark" active-name="2" width="auto" height=" height:calc(100vh - 145px);">
        <MenuItem name="全部文件">
          <Icon type="folder"></Icon>
          我的好友
        </MenuItem>
        <MenuItem name="文档">
          <Icon type="document-text"></Icon>
          我的组织
        </MenuItem>
        <MenuItem name="我的分享">
          <Icon type="share"></Icon>
          个人信息
        </MenuItem>
        <MenuItem name="回收站">
          <Icon type="trash-a"></Icon>
          个人设置
        </MenuItem>
      </Menu>
    </Sider>
    <Layout>
      <div style="width:100% ;overflow: hidden;background-color: white;padding: 10px 10px 0px 10px;height: 100%;">
        <router-view/>
      </div>
    </Layout>
  </Layout>
</div>
</template>

<script>
export default {
  name: "setting",
  data () {
    return {

    }
  }
}
</script>
